<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<div class="row-fluid">
	<div class="span12">
		<div class="row-fluid">
			<div class="span12">
				<ul class="breadcrumb">
					<li>
						<span class="c-999">系统管理</span> 
						<i class="icon-angle-right"></i>
					</li>
					<li><a class="c-666" onclick="util.showContent('pages/system/alertDefinition.jsp')">告警定义</a></li>
				</ul>
			</div>
		</div>
		<!--搜索框 str-->
		<div class="search-box">
			<div class="search-title">
				<span class="search-criteria c-666">&nbsp;查询条件</span>
			</div>
			<table class="search-body" border="0" cellpadding="0" cellspacing="0" width="100%">
				<tr>
					<td>
						<label class="my-label">告警编码：<input class="my-input" type="text" id="id_alertCode"/></label>
						<label class="my-label">告警名称：<input class="my-input" type="text" id="id_alertName"/></label>
						<label class="my-label">告警级别：
							<select id="id_alertLevel" tabindex="1" class="my-select">
							</select>
						</label>
					</td>
				</tr>
			</table>
		    <ul class="search-button">
				<li>
					<button class="btn blue" id="btn_query">查&nbsp;&nbsp;询</button>
				</li>
				<li>
					<button class="btn blue" id="btn_reset">重&nbsp;&nbsp;置</button>
				</li>
		   </ul>
		</div>
		<!--搜索框 end-->
		<div class="portlet box green">
			<div class="portlet-title">
				<div class="caption">
					<i class="icon-reorder"></i>列表详情
				</div>
			</div>
			<div class="portlet-body" style="min-height:370px;">
				<p>
					<button type="button" class="btn blue hide" data-toggle="modal" id="region_table_new">新&nbsp;&nbsp;增</button>         
					<button type="button" class="btn green hide" data-toggle="modal" id="region_table_edit">编&nbsp;&nbsp;辑</button>
					<button type="button" class="btn red hide" data-toggle="modal" id="region_table_del">删&nbsp;&nbsp;除</button>
				</p>
				<table class="table table-striped table-hover table-bordered" id="alert_def_table">
					<thead>
						<tr>
							<th class="sorting_asc_disabled" style="width:8px;">
								<input type="checkbox" class="group-checkable" data-set="#alert_def_table .checkboxes" />
							</th>
							<th class="fourMinWidth">告警编码</th>
							<th class="fourMinWidth">告警名称</th>
							<th class="fourMinWidth">告警级别</th>
							<th class="fourMinWidth">分类</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
		</div>
	</div>
</div>
<script src="pages/system/js/alertDefinition.js" type="text/javascript"></script>
<script src="media/js/ui-modals.js" type="text/javascript"></script>
<script type="text/javascript">
	jQuery(document).ready(function() {
		AlertDefinitionTable.init();
	});
</script>